<template>
	<view class="foot">
		<slot name="btn"></slot>
		<view class="btn" @click="cli" v-if="text">
			{{text}}
		</view>
	</view>
</template>

<script>
	export default {
		name: 'flooterCom',
		props: {
			text: {
				type: String,
				default: ""
			}
		},
		data() {
			return {}
		},
		onLoad() {},
		methods: {
			cli() {
				this.$emit('click')
			}
		}
	}
</script>

<style lang="scss">
	.foot {
		width: 100vw;
		height: 140rpx;
		background: #FFFFFF;
		box-shadow: inset 0px 1px 2px 0px #EFEFEF;
		position: fixed;
		bottom: 0;
		z-index: 999;
		padding-top: 20rpx;

		.btn {
			width: 690rpx;
			height: 90rpx;
			background: #0074FF;
			border-radius: 10px 10px 10px 10px;
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 90rpx;
			text-align: center;
			margin: 0 auto;
		}
	}
</style>
